<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<link rel="stylesheet" href="css/mui.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="mui-bar mui-bar-nav">
    <h1 class="mui-title">APP</h1>
</header>
<nav class="mui-bar mui-bar-tab">
    <a class="mui-tab-item" href="video.html">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">视频</span>
    </a>
    <a class="mui-tab-item" href="task.html">
        <span class="mui-icon mui-icon-home"></span>
        <span class="mui-tab-label">任务大厅</span>
    </a>
    <a class="mui-tab-item" href="userCenter.html">
        <span class="mui-icon mui-icon-email"></span>
        <span class="mui-tab-label">个人中心</span>
    </a>
    <a class="mui-tab-item" href="setting.html">
        <span class="mui-icon mui-icon-gear"></span>
        <span class="mui-tab-label">设置</span>
    </a>
</nav>
<script type="text/javascript" charset="utf-8" src="js/mui.min.js"></script>
<script type="text/javascript" charset="utf-8" src="js/common.js"></script>
<script type="text/javascript" charset="utf-8">
mui.init();
mui.plusReady(function(){
    setTab(0);
});
mui(".mui-bar-tab").on("tap", "a", doTap);
</script>
</body>
</html>
